<!DOCTYPE html>
<!--[if IEMobile 7 ]>    <html class="no-js iem7"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!-->
<html class="no-js">
    <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <title></title>
        
        <meta name="description" content="Application MOSS CRVA">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
        <meta http-equiv="cleartype" content="on">
        
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="img/touch/apple-touch-icon-144x144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="img/touch/apple-touch-icon-114x114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="img/touch/apple-touch-icon-72x72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="img/touch/apple-touch-icon-57x57-precomposed.png">
        <link rel="shortcut icon" href="img/touch/apple-touch-icon.png">
        
        <link rel="stylesheet" href="css/normalize.css">
        
        <link rel="stylesheet" href="css/grid.css">
        
        <script src="js/vendor/modernizr-2.6.2.min.js"></script>
        
        <link rel="stylesheet/less" type="text/css" href="css/main.less">
        <script src="js/less.js" type="text/javascript"></script>
        
    </head>
    <body>
        
        <!-- MOSS CRVApp START -->
        
        <div id="view" class="container">
            
            <div id="top_panel_flight" class="row span_18 full">
                <div class="row span_18">
                    <div id="moss_return" class="span_1 float"></div>
                    <h1 class="push_1 float">Détails du vol&nbsp;</h1>
                    <h1 class="color">XB23</h1>
                    <!--<div id="progress_bar" class="span_10 push_2 float"></div>-->
                </div>
            </div>
            
            <div class="row">
                <div id="flight_widgets_container">
                    <div class="float span_8 push_1">
                        <div class="widget card" id="current_flights">
                            <div class="inline">
                                <label class="span_3 float">ID</label>
                                <h2 class="push_1 float">XB23</h2>
                            </div>
                            <div class="inline">
                                <label class="float span_3 label">Unité</label>
                                <h2 class="push_1 float">EAAT</h2>
                            </div>
                            <div class="inline">
                                <label class="float span_3">Etat</label>
                                <h2 class="push_1 float">Programmé</h2>
                            </div>
                            <div class="inline">
                                <label class="float span_3">Catégorie</label>
                                <h2 class="push_1 float">Mission</h2>
                            </div>
                            <div class="inline">
                                <label class="float span_3">Aéronef</label>
                                <h2 class="push_1 float">EC-725 CARACAL</h2>
                            </div>
                            <div class="inline">
                                <label class="float span_3">Règle de vol</label>
                                <h2 class="push_1 float">VFR</h2>
                            </div>
                            <div class="inline">
                                <label class="float span_3">Type de vol</label>
                                <h2 class="push_1 float">Militaire</h2>
                            </div>
                        </div>
                        <div class="widget card full" id="infos_flight">
                            <div id="OACI">
                                <div class="inline">
                                    <div class="span_2 float bold"><label>Départ</label></div>
                                    <div class="span_2 push_3 float bold"><label>Arrivée</label></div>
                                </div>
                                <div class="inline">
                                    <h2 class="span_2 float">LFQE</h2>
                                    <label class="push_1 span_2 float">OACI</label>
                                    <h2 class="span_2 float">LFQE</h2>
                                </div>
                                <div class="inline">
                                    <h2 class="span_2 float">Etain</h2>
                                    <label class="span_2 float">Aérodrome</label>
                                    <h2 class="span_2 push_1 float">Etain</h2>
                                </div>
                            </div>
                            <div id="gdh">
                                <label class="span_4 float">Temps de vol</label>
                                <div class="inline">
                                    <h2 class="span_2 float">Début</h2>
                                    <h2 class="span_2 push_3 float">Fin</h2>
                                </div>
                                <div class="inline">
                                    <div class="span_2 float card_text">08/07/2013</div>
                                    <div class="span_2 push_3 float card_text">08/07/2013</div>
                                </div>
                                <div class="inline">
                                    <div class="span_2 float card_text ">14:00:15</div>
                                    <div class="span_2 push_3 float card_text">16:20:15</div>
                                </div>
                                <div class="span_5 big_size">04h20m</div>
                            </div>
                        </div>
                    </div>
                    <div class="float span_9">
                        <div class="widget card" id="current_flights">
                            <label class="span_3">Nature Mission</label>
                            <div class="span_7 color subtitle">Contrôle pratique de l'aptitude au pilotage en vol à vue</div>
                        </div>
                        <div class="widget card" id="fuel_consumption">
                            <label class="span_3">Carburant consommé</label>
                            <div class="spacer">&nbsp;</div>
                            <div class="span_3">
                                <span class="color">350 &nbsp;</span><span>/ 550 L </span>
                            </div>
                        </div>
                        <div class="widget card" id="crme_list">
                            <h1 class="span_6 bold">Membres d'équipage</h1>
                            <div>
                                <table class="table span_8">
                                    <thead>
                                        <tr>
                                            <th>Nom</th>
                                            <th>Grade</th>
                                            <th>Fonction</th>
                                            <th>CRME</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>JAQ'ARR</td>
                                            <td>SDT</td>
                                            <td>MTR6AT</td>
                                            <td>OK</td>
                                        </tr>
                                        <tr>
                                            <td>DUPONT</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                        <tr>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div class="float span_9">
                    
                    </div>
                </div>
            </div>
            
        </div>
        
        <!-- MOSS CRVApp END -->
        
        <script src="js/vendor/zepto.min.js"></script>
        <script src="js/helper.js"></script>
        
    </body>
</html>
